<!DOCTYPE html> 
<html> 
<head> 
    <!--META-->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">

    <!--CSS-->
    <link rel="stylesheet" href="API/css/themes/default/jquery.mobile.min.css" />
    <!--<link rel="stylesheet" href="css/datatables/css/jquery.dataTables.css"/>--> 
    <link rel="stylesheet" href="API/css/mycss.css" />
    <link rel="stylesheet" href="css/mycss.css" />

    <!--JS-->
    <script type="text/javascript" src="API/js/jquery.min.js"></script>
    <script type="text/javascript" src="API/js/jquery.mobile.min.js"></script>
    <!--<script type="text/javascript" src="API/js/highcharts.js"></script>-->
    <!--<script type="text/javascript" src="API/js/modules/exporting.js"></script>-->
    <!--<script type="text/javascript" src="API/js/jquery.dataTables.min.js"></script>--> 
    <script type="text/javascript" src="include/config.js"></script>
    <script type="text/javascript" src="API/js/fonctions.js"></script>
    <script type="text/javascript" src="API/js/functionsLib.js"></script>
    <script type="text/javascript" src="js/fonctions.js"></script>

    <script language="javascript" type="text/javascript">
    checkMaintenance();
    checkAuthentification();
    
    ///////////////////
    //BLOCK VARIABLE GLOBAL
    ///////////////////
    var id_page = 2;

    ///////////////////
    //BLOCK FONCTIONS EVENEMENTS
    ///////////////////
    //Fin chargement page
    function OnLoad() {
        try {
            var contact_mail_administrateur = getParameter("contact_mail_administrateur");
            var nom_site = getParameter("nom_site");
            var shtml = '<a href="mailto:'+contact_mail_administrateur+'?subject=[ODA-'+nom_site+']Contact - '+auth+'">Administrateur</a>.';
            $("#emailAdmin").html(shtml).trigger("create");
        } catch (er) {
            log(0, "ERROR(OnLoad):" + er.message);
        }
    }

    ///////////////////
    //BLOCK FONCTIONS METIER
    ///////////////////

    ///////////////////
    //BLOCK FONCTIONS DB
    ///////////////////

    ///////////////////
    //BLOCK FONCTIONS PRESENTATION
    ///////////////////
    </script>
</head> 

<body onload="OnLoad();"> 

	<!-- page -->
	<div data-role="page" data-title="Titre">
	
		<!-- /panel -->
		<div data-role="panel" id="mypanel" data-display="overlay" data-position="left">

		</div>
		<!-- /panel -->
	
		<!-- header -->
		<div data-role="header">
			<a href="#mypanel" data-role="button" data-icon="home" data-iconpos="notext">home</a>
			<h1 id="id_titre">titre</h1>
		</div>
		<!-- /header -->

		<!-- content -->
		<div data-role="content" id="main_content">
                    <div data-role="collapsible" data-collapsed="false" data-mini="true" id="div_coordonnees">
                        <h4>Par E-mail</h4>
                        <p>Email contact administrateur : <label id="emailAdmin"></label></p>
                    </div>

                    <div data-role="collapsible" data-collapsed="false" data-mini="true" id="div_contact">
                        <h4>Par formulaire de contact</h4>
                        <form action="form.php" method="post" name="form_contact" id="form_contact">
                            <div data-role="fieldcontain">
                                    <label for="basic">Saisir code de s&eacute;curit&eacute;, la date du jour :</label><br>
                                    <input type="text" name="codeDate" id="codeDate" value="" placeholder="dd/mm/yyyyy"/>
                            </div>
                            <div data-role="fieldcontain">
                                    <label for="basic">Comment vous r&eacute;pondre (Gsm, Email, etc) :</label><br>
                                    <input type="text" name="howtocontact" id="howtocontact" value="" placeholder="R&eacute;ponse ici"/>
                            </div>	
                            <div data-role="fieldcontain">
                                    <label for="textarea">Votre message :</label><br>
                                    <textarea name="textarea" id="textarea">
                                    </textarea>
                            </div>	
                            <a href="javascript:saisirContact(document.forms.form_contact.codeDate.value, document.forms.form_contact.howtocontact.value, document.forms.form_contact.textarea.value);" data-role="button" data-inline="true" data-icon="arrow-r" data-mini="true">Soumettre</a>					
                        </form>
                    </div>
		</div>
		<!-- /content -->
		
		<!-- footer -->
		<div data-role="footer" data-position="fixed">
			<a data-role="button" data-icon="search" data-iconpos="notext" class="ui-btn-left" href="javascript:window.location = ('./page_faq.html?mili='+getMilise());">FAQ</a>
			<h1 id="id_affichageUser">User</h1>
			<a data-role="button" data-icon="delete" data-iconpos="notext" class="ui-btn-right" href="javascript:window.location = ('./page_sortie.html?mili='+getMilise());">Logout</a>
		</div>
		<!-- /footer -->
		
	</div>
	<!-- /page -->
	
</body>
</html>

